<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onload</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>

    <script type="text/javascript">
        //编写一个方法,提供给标签的静态注册
        function onclickFun(){
            alert("静态注册onclick事件");
        }

        //动态注册onclick事件
        window.onload = function (){
            //1.获取标签对象
                /*
                * document 是 javascript语言提供的一个文档(br/)
                * get 获取
                * Element 元素(就是标签)
                * By 通过
                * id id属性
                * getElementById 通过id属性获取标签对象
                * */
            //2.通过标签对象.事件名 = function(){}  来注册事件
            var btnObj = document.getElementById("btn02");
            // alert(btnObj);
            btnObj.onclick = function (){
                alert("动态的注册onclick事件");
            }
        }

    </script>


</head>
<body>
<p id="text_show">

</p>

<!--静态注册onclick事件-->
<button onclick="onclickFun()">按钮1</button>
<button id="btn02">按钮2</button>

<div class="look_source_code" onclick="getPageContent()">查看源码</div>

</body>


</html>


